@charset "utf-8";
@import "common";
$font-size: 64px;
@function r($px) {
    @return $px/$font-size*1rem;
}

.web {
    //==中间内容块==================================================
    .content {
//      display: none;
        .nav_pic{
            width: 100%;
            position: relative;
            padding-top: 7px;
            line-height: 84%;
            img{
                width: 100%;
            }
            .about_wrap{
                position: absolute;
                left: 5%;
                bottom: 10%;
                width: 40%;
                height: 20%;
                background: #ffffff;
                color: #b20000;
                cursor: pointer;
                overflow: hidden;
                .ab_l{
                    text-align: center;
                    width: 80%;
                    height: 90%;
                    border-right: 1px solid #b20000;
                    margin-top: 1%;
                    color: #b20000;
                    float: left;
                    line-height: r(40px);
                    font-size: 16px;
                    font-weight: bold;
                }
                .ab_r{
                    width: 18%;
                    height: 90%;
                    margin-top: 1%;
                    background: url(../img/left-j.png) no-repeat center;
                    background-size: 40%;
                    float: left;
                }
            }
        }
        
        .cont{
            width: 100%;
            
            .col-1{
                width: 95%;
                margin: 10px auto;
                overflow: hidden;
                .col-l{
                    float: left;
                    width: r(208px);
                    img{
                        width: 100%;
                    }
                }
                .col-r{
                    float: right;
                    width: 62%;
                    a{
                        h1{
                            font-size: 11px;
                            color: #010101;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertica
                        } 
                        p{
                            font-size: 10px;
                            color: #c5c5c5;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            margin-top: 1%;
                        }
                    }
                    .date{
                        font-size: 10px;
                        color: #c5c5c5;
                        text-align: right;
                        span{
                            margin: 2px;
                        }  
                    }
                   
                }
            }
            .col2{
                display: none;
            }
            .underline{
                width: 100%;
                border: 1px solid #cecece;
            }
        }
        
        .newscol-1{
            width: 90%;
            margin: 0 auto;
            font-size: 14px;
            color: #8b8b8b;
            border-bottom: 1px solid #e6e6e6;
            h1{
                font-size: 16px;
                margin-top: 20px;
                margin-bottom: 6px;
            }
            .nav_l{
                text-align: right;
                color: #c9c9c9;
                font-size: 12px;
            }
            .time{
                text-align: right;
                color: #C9C9C9;
                font-size: 12px;
                span:last-of-type{
                    color: #bd4242;
                    margin-left: 5px;
                }
            }
            p{
                text-indent: 2em;
                img{
                    width: 100%;
                }
            }
            .noindent{
                font-size: 14px;
                text-indent: 0;
            }
        }
        .newscol-2{
            width: 100%;
            margin-top: 13px;
            .share_warp{
                width: 60%;
                margin: 0 auto;
                margin-bottom: 30px;
                overflow: hidden;
                .share{
                    float: left;
                    width: 33%;
                    text-align: center;
                    a{
                        font-size: 14px;
                        color: #949494;
                        span{
                            display: inline-block;
                            width: 70%;
                            margin-bottom: 5px;
                            img{
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
    
    .gimc_cont{
        display: none;
        position: absolute;
        top: r(90px);
        left: 0;
        width: 100%;
        height: 84%;
        overflow-x: hidden;
        overflow-y: auto;
        .nav_pic{
            width: 100%;
            position: relative;
            padding-top: 7px;
            line-height: 84%;
            img{
                width: 100%;
            }
            .about_wrap{
                position: absolute;
                left: 5%;
                bottom: 10%;
                width: 40%;
                height: 20%;
                background: #ffffff;
                color: #b20000;
                cursor: pointer;
                overflow: hidden;
                .ab_l{
                    text-align: center;
                    width: 80%;
                    height: 90%;
                    border-right: 1px solid #b20000;
                    margin-top: 1%;
                    color: #b20000;
                    float: left;
                    line-height: r(40px);
                    font-size: 16px;
                    font-weight: bold;
                }
                .ab_r{
                    width: 18%;
                    height: 90%;
                    margin-top: 1%;
                    background: url(../img/left-j.png) no-repeat center;
                    background-size: 40%;
                    float: left;
                }
            }
        }
        .nav{
            width: 100%;
            height: 59px;
            background: #f5f5f5;
            padding-top: 7px;
            ul{
                width: 100%;
                height: 80%;
                border-bottom: 1px solid #dfdfdf;
                li{
                    float: left;
                    height: 100%;
                    line-height: 40px;
                    width: 33%;
                    text-align: center;
                    font-size: 16px;
                    color: #8b8b8b;
                    cursor: pointer;
                }
                .active{
                    background: #b20000;
                    color: #ffffff;
                }
            }
        }
//简介
        .jianjie{
            font-size: 16px;
            .about_gimc{
                width: 95%;
                margin: 0 auto;
                border-bottom: 1px solid #e6e6e6;
                margin-bottom: 19px;
                margin-top: 12px;
                p{
                    font-size: 14px;
                    color: #8b8b8b;
                    text-indent: 2em;
                }
            }
            .video{
                width: 95%;
                margin: 0 auto;
                .sp{
                    width: 100%;
                    img{
                        width: 100%;
                    }
                }
            }
            .fzlc{
                width: 95%;
                margin: 0 auto;
                border-bottom: 1px solid #e6e6e6;
                .daohang{
                    width: 100%;
                    height: 40px;
                    background: #b20000;
                    color: #ffffff;
                    line-height: 40px;
                    .fl{
                        float: left;
                    }
                    .fr{
                        float: right;
                    }
                    p{
                        display: inline-block;
                    }
                    .pic{
                        width: 20px;
                        height: 20px;
                        line-height: 45px;
                        margin-left: 2%;
                        margin-right: 2%;
                        img{
                            width: 100%;
                        }
                    }
                }
                .year{
                    width: 100%;
                    height: 53px;
                    margin: 0 auto;
                    .pic{
                        height: 100%;
                        float: left;
                        margin-left: 2%;
                        margin-right: 2%;
                        img{
                            height: 100%;
                        }
                    }
                    h1{
                        font-size: 16px;
                        line-height: 13px;
                        padding-top: 18px;
                    }
                    p{
                        font-size: 12px;
                        color: #b20000;
                    }
                }
                .even{
                    background: #f3f3f3;
                }
            }
        }
        .col-last{
            text-align: center;
            font-size: 16px;
            padding-bottom: r(10px);
            margin: r(30px);
            a{
                color: #bbb;
            }
            
        }
//管理团队
        .gltd{
            display: none;
            width: 100%;
            .col {
                width: 95%;
                margin: 0 auto;
                height: 73px;
                margin-top: 10px;
                margin-bottom: 30px;
                .pic{
                    width: 62px;
                    height: 73px;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .text{
                    margin-left: 70px;
                    h1{
                        font-size: 16px;
                        color: #b50007;
                        border-bottom: 1px solid #e09999;
                        margin-bottom: 5px;
                    }
                    p{
                        font-size: 12px;
                        color: #7d7d7d;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                }
            }  
        }
    }
    
}
